/* ===================================================================
    front フロント スクリプト
=================================================================== */


$(function(){

    // カテゴリ一覧１
    if ($("#cnv01")) {
        $("#cnv01").treeview({
            animated: "fast",
            collapsed: true,
            unique: false,
            persist: "cookie",
            cookieId: "treeview"
        });
    };

    // カレンダー（タブ）
    if (document.getElementById("calendar")) {
        $("#calendar .tab li").flatHeights();
        $(function(){
            var Tabs = $("#calendar .tab li a");
            var TabActive = "active";
            var TabContents = $("#calendar .contents");
            $("div" , TabContents).hide();
            $(Tabs).click( function(e) {
                e.preventDefault();
                $("div" , TabContents).hide();
                $( $(this).attr("href") ).show();
                $(Tabs).parent().removeClass(TabActive);
                $(this).parent().addClass(TabActive);
                $.cookie("contents_ca01", $(this).attr("href"), {expires:1});
            });
            // クッキー読み込み
            var CookieName = $.cookie("contents_ca01");
            if (CookieName != null) {
                $(Tabs).removeClass(TabActive);
                $("a[href="+CookieName+"]").parent().addClass(TabActive);
                $(CookieName).show();
            } else {
                $("#calendar .tab li a:first").parent().addClass(TabActive);
                $("div:first" , TabContents).show();
            }
        });
    };

    // お知らせ（スクロールバー）
    if (document.getElementById("information")) {
        $('#information ul').jScrollPane();
    };
    
    // サムネイル画像上下センタリング
    function thumb_vertical() {
        var thumb = $(this).find("img");
        var imgHeight = thumb.height()/2;
        var aHeight = thumb.parent().height()/2;
        var thisPadding = (aHeight-imgHeight);
        if (thisPadding >= 0) {
            thumb.css({paddingTop:thisPadding});
        }
    };

    // キャンペーン一覧１
    if (document.getElementById("campaignList01")) {
        $("#campaignList01 .photo").each(thumb_vertical);
    };

    // キャンペーン一覧２（カルーセル）
    if (document.getElementById("campaignList02")) {
        if (document.getElementById("column3")) {
            $("#campaignList02 .carousel").jCarouselLite({
                visible: 6,
                btnNext: "#campaignList02 p.btnNext",
                btnPrev: "#campaignList02 p.btnPrev"
            });
        };
        if (document.getElementById("column2A")||document.getElementById("column2B")) {
            $("#campaignList02 .carousel").jCarouselLite({
                visible: 8,
                btnNext: "#campaignList02 p.btnNext",
                btnPrev: "#campaignList02 p.btnPrev"
            });
        };
        $("#campaignList02 .carousel, #campaignList02 p.btnPrev, #campaignList02 p.btnNext").flatHeights();
        $("#campaignList02 .photo").each(thumb_vertical);
    };

    // キャンペーン一覧３
    if (document.getElementById("campaignList03")) {
        $("#campaignList03 .photo").each(thumb_vertical);
    };

    // キャンペーン一覧４（カルーセル）
    if (document.getElementById("campaignList04")) {
        $("#campaignList04 .photo").each(thumb_vertical);
        $("#campaignList04 .carousel").jCarouselLite({
            visible: 6,
            btnNext: "#campaignList04 p.btnNext",
            btnPrev: "#campaignList04 p.btnPrev"
        });
        $("#campaignList04 .carousel, #campaignList04 p.btnPrev, #campaignList04 p.btnNext").flatHeights();
    };

    // ランキング１（タブ）
    if (document.getElementById("ranking01")) {
        $("#ranking01 .photo").each(thumb_vertical);
        $(function(){
            var Tabs = $("#ranking01 .tab li a");
            var TabActive = "active";
            var TabContents = $("#ranking01 .contents");
            $("div" , TabContents).hide();
            $(Tabs).click( function(e) {
                e.preventDefault();
                $("div" , TabContents).hide();
                $( $(this).attr("href") ).show();
                $(Tabs).parent().removeClass(TabActive);
                $(this).parent().addClass(TabActive);
                $.cookie("contents_rk01", $(this).attr("href"), {expires:1});
            });
            // クッキー読み込み
            var CookieName = $.cookie("contents_rk01");
            if (CookieName != null) {
                $(Tabs).removeClass(TabActive);
                $("a[href="+CookieName+"]").parent().addClass(TabActive);
                $(CookieName).show();
            } else {
                $("#ranking01 .tab li a:first").parent().addClass(TabActive);
                $("div:first" , TabContents).show();
            }
        });
    };

    // 商品詳細１
    if (document.getElementById("itemDetail01")) {
        $("#itemDetail01 .photoContents ul li .photo").each(thumb_vertical);
        $("#itemDetail01").jqTransform();
        // lightbox
        if (document.getElementById("gallery")) {
            $("#gallery").children("li").not(":first").hide();
            $("a[rel^='gallery']").prettyPhoto({
                animationSpeed:"fast",
                allow_resize:false,
                overlay_gallery:true,
                autoplay_slideshow: false
            });
        };
        $("a[rel^='prettyPhoto']").prettyPhoto({
            animationSpeed:"fast",
            show_title:false,
            allow_resize:false,
            modal: true,
            overlay_gallery: false,
            showcallback: function() {
                $("a.close").click( function() {
                    $.prettyPhoto.close();
                    return false;
                });
                // のし・ラッピング設定実行時
                $("a.setting").click( function() {
                    alert("set");
                    $.prettyPhoto.close();
                    return false;
                });
                $(".pp_content").jqTransform();
            }
        });
    };
    
    // 商品詳細２
    if (document.getElementById("itemDetail02")) {
        $("#itemDetail02 .photoContents ul li .photo").each(thumb_vertical);
        $("#itemDetail02 .photoContents ul.photoMore li").each(thumb_vertical);
        $("#itemDetail02 .photoContents ul.photoMore li a").click( function() {
            var imgAlt = $(this).children("img").attr("alt");
            $(".mainPhoto p.caption").html(imgAlt);
        });
        var sets = [], temp = [];
        $("#itemDetail02 .photoContents dl.variation dd ul").children("li").each(function(i) {
            temp.push(this);
            if (i % 4 == 3) {
                sets.push(temp);
                temp = [];
            }
        });
        if (temp.length) sets.push(temp);
        $.each(sets, function() {
            $(this).flatHeights();
        });     
        $("#itemDetail02").jqTransform();
        // lightbox
        if (document.getElementById("gallery")) {
            $("a[rel^='gallery']").prettyPhoto({
                animationSpeed:"fast",
                allow_resize:false
            });
        };
    };

    // 商品一覧１
    if (document.getElementById("itemList01")) {
        $("#itemList01 ul.itemList li p.photo").each(thumb_vertical);
        
        if (document.getElementById("column3")) {
            $("#itemList01 ul.itemList li:nth-child(3n)").css({marginRight:0});
            var sets = [], temp = [];
            $("#itemList01 ul.itemList").children("li").each(function(i) {
                temp.push(this);
                if (i % 3 == 2) {
                    sets.push(temp);
                    temp = [];
                }
            });
            if (temp.length) sets.push(temp);
            $.each(sets, function() {
                $(this).flatHeights();
            });
        };
        if (document.getElementById("column2A")||document.getElementById("column2B")) {
            $("#itemList01 ul.itemList li:nth-child(4n)").css({marginRight:0});
            var sets = [], temp = [];
            $("#itemList01 ul.itemList").children("li").each(function(i) {
                temp.push(this);
                if (i % 4 == 3) {
                    sets.push(temp);
                    temp = [];
                }
            });
            if (temp.length) sets.push(temp);
            $.each(sets, function() {
                $(this).flatHeights();
            });
            $("#itemList01").jqTransform();
        };
    };

    // 商品一覧２
    if (document.getElementById("itemList02")) {
        $("#itemList02 ul.itemList li p.photo").each(thumb_vertical);
        $("#itemList02").jqTransform();
    };

    // 商品一覧３
    if (document.getElementById("itemList03")) {
        $("#itemList03 ul.itemList li p.photo").each(thumb_vertical);
        $("#itemList03 ul.itemList li p.photo").hover( function() {
            $(this).parent().find(".details").show();
        }, function() {
            $(this).parent().find(".details").hide();
        }).mousemove(function(e) {
            var thisHeight = $(this).parent().find(".details").height();
            var mousex = e.pageX+30;
            var mousey = e.pageY-thisHeight;
            $(this).parent().find(".details").css({top:mousey,left:mousex});
        });
        $("#itemList03").jqTransform();
        if (document.getElementById("column3")) {
            $("#itemList03 ul.itemList li:nth-child(2n)").not(".details li").css({marginRight:0});
            var sets = [], temp = [];
            $("#itemList03 ul.itemList").children("li").each(function(i) {
                temp.push(this);
                if (i % 2 == 1) {
                    sets.push(temp);
                    temp = [];
                }
            });
            if (temp.length) sets.push(temp);
            $.each(sets, function() {
                $(this).flatHeights();
            });
        };
        if (document.getElementById("column2A")||document.getElementById("column2B")) {
            $("#itemList03 ul.itemList li:nth-child(3n)").not(".details li").css({marginRight:0});
            var sets = [], temp = [];
            $("#itemList03 ul.itemList").children("li").each(function(i) {
                temp.push(this);
                if (i % 3 == 2) {
                    sets.push(temp);
                    temp = [];
                }
            });
            if (temp.length) sets.push(temp);
            $.each(sets, function() {
                $(this).flatHeights();
            });
        };
    };

    // 商品一覧４
    if (document.getElementById("itemList04")) {
        $("#itemList04 ul.itemList li p.photo").each(thumb_vertical);
        $("#itemList04").jqTransform();
        $("#itemList04 ul.itemList li p.photo").hover( function() {
            $(this).parent().find(".details").show();
        }, function() {
            $(this).parent().find(".details").hide();
        }).mousemove(function(e) {
            var thisHeight = $(this).parent().find(".details").height();
            var mousex = e.pageX+30;
            var mousey = e.pageY-thisHeight;
            $(this).parent().find(".details").css({top:mousey,left:mousex});
        });
        if (document.getElementById("column3")) {
            $("#itemList04 ul.itemList li:nth-child(2n)").css({marginRight:0});
        };
        if (document.getElementById("column2A")||document.getElementById("column2B")) {
            $("#itemList04 ul.itemList li:nth-child(3n)").css({marginRight:0});
        };
        $("a[rel^='prettyPhoto']").prettyPhoto({
            animationSpeed:"fast",
            show_title:false,
            allow_resize:false,
            modal: true,
            overlay_gallery: false,
            showcallback: function() {
                $("a.close").click( function() {
                    $.prettyPhoto.close();
                    return false;
                });
                // のし・ラッピング設定実行時
                $("a.setting").click( function() {
                    alert("set");
                    $.prettyPhoto.close();
                    return false;
                });
                $(".pp_content").jqTransform();
            }
        });
    };
    
    


    // ランキング一覧
    if (document.getElementById("rankingList")) {
        $("#rankingList .photo").each(thumb_vertical);
        $("#rankingList ol.itemList li:nth-child(4n)").css({marginRight:0});
        var sets1 = [], temp1 = [];
        $("#rankingList ol.itemList.monthly").children("li").each(function(i) {
            temp1.push(this);
            if (i % 4 == 3) {
                sets1.push(temp1);
                temp1 = [];
            }
        });
        if (temp1.length) sets1.push(temp1);
        $.each(sets1, function() {
            $(this).flatHeights();
        });
        var sets2 = [], temp2 = [];
        $("#rankingList ol.itemList.weekly").children("li").each(function(i) {
            temp2.push(this);
            if (i % 4 == 3) {
                sets2.push(temp2);
                temp2 = [];
            }
        });
        if (temp2.length) sets2.push(temp2);
        $.each(sets2, function() {
            $(this).flatHeights();
        });
        var sets3 = [], temp3 = [];
        $("#rankingList ol.itemList.daily").children("li").each(function(i) {
            temp3.push(this);
            if (i % 4 == 3) {
                sets3.push(temp3);
                temp3 = [];
            }
        });
        if (temp3.length) sets3.push(temp3);
        $.each(sets3, function() {
            $(this).flatHeights();
        });
        
        
        
        
        
        $(function(){
            var Tabs = $("#rankingList .tab li a");
            var TabActive = "active";
            var TabContents = $("#rankingList .contents");
            $(TabContents).children("div").hide();
            $(Tabs).click( function(e) {
                e.preventDefault();
                $(TabContents).children("div").hide();
                $( $(this).attr("href") ).show();
                $(Tabs).parent().removeClass(TabActive);
                $(this).parent().addClass(TabActive);
                $.cookie("contents_rkL", $(this).attr("href"), {expires:1});
                app_clickTab($(this).attr("href"));
            });
            // クッキー読み込み
            var CookieName;
            if (getValue("TimeFlag") == "1" ) {
                CookieName = "#co03";
            } else if (getValue("TimeFlag") == "2" ) {
                CookieName = "#co02";
            } else if (getValue("TimeFlag") == "3" ) {
               CookieName = "#co01";
            } else {
                CookieName = "#co03";
            }
            //var CookieName = $.cookie("contents_rkL");
            if (CookieName != null) {
                $(Tabs).removeClass(TabActive);
                $("a[href="+CookieName+"]").parent().addClass(TabActive);
                $(CookieName).show();
            } else {
                $("#rankingList .tab li a:first").parent().addClass(TabActive);
                $("div:first" , TabContents).show();
            }
        });
    };
    
    
    
        
    if ($("#t1")) {
        $("#t1").treeview({
            animated: "fast",
            collapsed: true,
            unique: false,
            persist: "cookie",
            cookieId: "treeview"
        });
    };
  if (document.getElementById("regist")) {
        $("#regist p, #regist li").not(".selectable").jqTransform();
        $("#regist p.selectable select").jQselectable({left:-300});
    }
});